<template>
  <div class="box">
    <div class="htit">
      <h2 class="h2">海外合作院校推荐</h2>
      <div class="intro">OOVEREAS PARTNER INSTITUTIONS</div>
      <a href="./08CountryDetailForColleges.html" class="more">查看更多海外院校</a>
    </div>
    <div class="flex-ct">
      <div class="list flex-lect">
        <a v-for="(item, i) in hzList" :key="i" :href="'./overseasschool.html?id='+item.id" class="imga rd10">
          <div class="name">{{item.name}}</div>
          <div class="up">{{item.name2}}</div>
        </a>
      </div>
    </div>
    <div class="btn-phone flex-ct">咨询服务热线：400-8230-180</div>
  </div>
</template>

<script>
// 不支持 import
module.exports = {
  data: function () {
    return {
      hzList:[
        {name:'英国拉夫堡大学',up:'Loughborough University'},
        {name:'美国杜克大学',up:'Duke University'},
        {name:'澳洲拉筹伯大学',up:'La Trobe University'},
        {name:'澳洲拉筹伯大学',up:'La Trobe University'},
        {name:'加拿大多伦多大学',up:'University of Toronto'},
        {name:'加拿大多伦多大学',up:'University of Toronto'},
        {name:'英国拉夫堡大学',up:'Loughborough University'},
        {name:'美国杜克大学',up:'Duke University'},
        {name:'英国拉夫堡大学',up:'Loughborough University'},
        {name:'美国杜克大学',up:'Duke University'},
        {name:'澳洲拉筹伯大学',up:'La Trobe University'},
        {name:'加拿大多伦多大学',up:'University of Toronto'},
      ],
      
    };
  },
  components: {},
  mounted(){
    
    
  },
  methods:{
    yunBan(bans,i){
      var prev = '.school-ban'+i+' .prev';
      var next = '.school-ban'+i+' .next';
      console.log('prev',prev)
      var ban = new Swiper("."+bans, {
        slidesPerView:4,
        spaceBetween:17,
        speed:3000,
        autoplay: true,
        navigation: {
          nextEl: next,
          prevEl: prev,
        },
      });
      return ban
    },
    // 翻页
    changePage(e){
      console.log(e)
    },
    getSchoolCur(i){
      this.schoolCur = i
    },
    getSchoolCheck(cur,item){
      this.schoolScreen[cur].cur = item.id;
      this.schoolScreen[cur].checked = item;
    },
    close(i){
      this.schoolScreen[i].cur = 0;
      this.schoolScreen[i].checked = ''
    },
     mounted() {
          post('school',{country:2,limit:12}).then(res=>{
                    this.hzList=res.data
                    this.total=res.total
           });

    }
  }
};
</script>

<style>

</style>